// // import { getBannerAPI } from '@/apis/category'
// // import { ref, onMounted } from 'vue'
// // export const useBanner = () => {
// //   // 轮播图逻辑
// //   const bannerList = ref([])
// //   const getBanner = async () => {
// //     // const res = await getBannerAPI({ distributionSite: '2' })
// //     const res = await getBannerAPI(categoryId)
// //     bannerList.value = res.data
// //   }
// //   onMounted(() => getBanner())
// //   return {
// //     bannerList
// //   }
// // }
// import { getBannerAPI } from '@/apis/category'
// import { ref, watchEffect } from 'vue'
//
// export const useBanner = (categoryId) => {  // 接收categoryId参数
//   const bannerList = ref([])
//
//   const getBanner = async (id) => {  // 增加参数接收
//     const res = await getBannerAPI(id)  // 传递分类ID
//     bannerList.value = res.data
//   }
//
//   // 监听categoryId变化
//   watchEffect(() => {
//     if (categoryId.value) {
//       getBanner(categoryId.value)
//     }
//   })
//
//   return {
//     bannerList
//   }
// }

import { getBannerAPI } from '@/apis/category'
import { ref, watchEffect } from 'vue'

export const useBanner = (categoryId) => {  // 接收响应式分类ID
  const bannerList = ref([])

  const getBanner = async (id) => {
    const res = await getBannerAPI(id)  // 将分类ID传递给API请求
    bannerList.value = res.data
  }

  // 监听分类ID变化
  watchEffect(() => {
    if (categoryId.value) {
      getBanner(categoryId.value)
    }
  })

  return {
    bannerList
  }
}